<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./demo01.css" type="text/css">
    <style>
        #roobn{
            color: blue;
            /* 边框样式：border-style solid 实线 dashed 虚线 none 无边框默认 样式必须书写 */
            border:5px dashed red;
            /* 在css中对于高度和宽度只使用于(block)块级标签(单独占一行的标签)(div p br hn等)，不适用于(inline)行内标签(共处一行input span等)。
            如果我们希望高度和宽度可使用在行内标签上我们可以使用display样式将行内标签转换为块级标签。 
            diplay:none对标签进行隐藏
            */
            display: block;
            /* 行高：line-height ，通过设置行高可以让某个子标签居中显示 */
            line-height: 500px;
             /*
                1.引入图片的平铺方式(展现形式)：background-repeat
                    1.图片默认的是铺满整个标签，图片填充了整个标签内部
                    2.no-repeat 不平铺 正常显示一张图片
                    3.repeat-x 横向平铺  图片在x轴上显示
                    4.repeat-y 纵向平铺 图片在y轴上显示
                5.背景颜色样式：background-color
                6.引入的背景图片：background-image: url(图片的路径地址);
            */                
            background-color: antiquewhite;
            background-image:url("../html_Day01/img/0aotez0yaaghvvrkwi9sul293yxutx5.jpg");
            background-repeat: no-repeat;
        }
    </style>
</head>
<body>
    <!-- 内联声明 -->
    <div style="color:aqua;font-size:100px;border: 1px solid red">css,hello</div>

    <!--使用外部css文件-->
    <div>div_link</div>

    <!-- 使用style标签引入 -->
    <div id="roobn">div_style</div>

</body>
</html>